<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="../../../bootstrap-3.0.0/dist/css/bootstrap.css">
    <script src="../../../bootstrap-3.0.0/dist/js/bootstrap.js"></script>
    <title></title>
</head>
<body>
<div class="navbar navbar-default">
    <div class="container">
        <a class="navbar-brand" href="#">Brand</a>
        <ul class="nav navbar-nav">
            <li><a class="active">Home</a></li>
            <li><a>Link</a></li>
            <li><a>Link</a></li>
            <li class="divider-veritcal"></li>
            <li><a>More</a></li>
            <li><a>Options</a></li>
        </ul>
    </div>
</div>

<div class="container">
    <div class="text-center ju">
        <h1>Fix Width Layout</h1>

        <p class="lead">The Bootstrap 3 grid is fluid only. This example shows how to use a custom container to create a
            fixed width layout.</p>

        <p class="btn btn-lg btn-success">More Example</p>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <h4>Mobile First</h4>

            <p>Responsive grid sizes to control the grid layout on tiny, small and large displays.</p>

            <h4>Powerful Grid</h4>

            <p>3 responsive grid sizes to control the grid layout on tiny, small and large displays.</p>
        </div>
        <div class="col-lg-6">
            <h4>New Elements</h4>

            <p>New panels, list groups, glyphicons and justified navigation.</p>

            <h4>Less Bloat</h4>

            <p>The optimized CSS is in a single file. Glyphicons are now separate.</p>
        </div>
    </div>
    <hr>
    <div class="jumbotron text-center">
        <h2>Moving from Bootstrap 2.x to 3.0?</h2>

        <p class="lead">
            Everything has changed, so you can't just replace the 2.x with the 3.0 files. The folks at
            Bootply, the Bootstrap Playground have created a migration guide to help.
        </p>
        <p><a class="btn btn-lg btn-success">Migration</a></p>
    </div>
</div>
<pre>







</pre>
</body>
</html>